home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Cursor Effects / sparkler.izs < prev   
Text File  |  2005-08-29  |  4KB  |  240 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Sparkler
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Use this script to add a fun little trailer to your cursor! Not only does it work cross-browser, but NO images are involved in the realization of it. Great and fast-loading effect...
  7. <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>mouse cursor effects<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13. <STYLE TYPE="text/css">
  14. <!--
  15.  
  16. BODY{
  17. overflow:scroll;
  18. overflow-x:hidden;
  19. }
  20.  
  21. .s1
  22. {
  23.   position  : absolute;
  24.   font-size : 10pt;
  25.   color     : blue;
  26.   visibility: hidden;
  27. }
  28.  
  29. .s2
  30. {
  31.   position  : absolute;
  32.   font-size : 18pt;
  33.   color     : red;
  34.     visibility : hidden;
  35. }
  36.  
  37. .s3
  38. {
  39.   position  : absolute;
  40.   font-size : 14pt;
  41.   color     : gold;
  42.     visibility : hidden;
  43. }
  44.  
  45. .s4
  46. {
  47.   position  : absolute;
  48.   font-size : 12pt;
  49.   color     : lime;
  50.     visibility : hidden;
  51. }
  52.  
  53. //-->
  54. </STYLE>
  55. <DIV ID="div1" CLASS="s1">*</DIV>
  56. <DIV ID="div2" CLASS="s2">*</DIV>
  57. <DIV ID="div3" CLASS="s3">*</DIV>
  58. <DIV ID="div4" CLASS="s4">*</DIV>
  59.  
  60. <SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
  61.  
  62. var nav = (document.layers);
  63. var tmr = null;
  64. var spd = 50;
  65. var x = 0;
  66. var x_offset = 5;
  67. var y = 0;
  68. var y_offset = 15;
  69.  
  70. if(nav) document.captureEvents(Event.MOUSEMOVE);
  71. document.onmousemove = get_mouse; 
  72.  
  73. function get_mouse(e)
  74. {    
  75.   x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
  76.   y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
  77.   x += x_offset;
  78.   y += y_offset;
  79.   beam(1);     
  80. }
  81.  
  82. function beam(n)
  83. {
  84.   if(n<5)
  85.   {
  86.     if(nav)
  87.     { 
  88.       eval("document.div"+n+".top="+y);
  89.       eval("document.div"+n+".left="+x);
  90.       eval("document.div"+n+".visibility='visible'");
  91.     }  
  92.     else
  93.     {
  94.       eval("div"+n+".style.top="+y);
  95.       eval("div"+n+".style.left="+x);
  96.       eval("div"+n+".style.visibility='visible'");
  97.     }
  98.     n++;
  99.     tmr=setTimeout("beam("+n+")",spd);
  100.   }
  101.   else
  102.   {
  103.      clearTimeout(tmr);
  104.      fade(4);
  105.   }   
  106. } 
  107.  
  108. function fade(n)
  109. {
  110.   if(n>0) 
  111.   {
  112.     if(nav)eval("document.div"+n+".visibility='hidden'");
  113.     else eval("div"+n+".style.visibility='hidden'"); 
  114.     n--;
  115.     tmr=setTimeout("fade("+n+")",spd);
  116.   }
  117.   else clearTimeout(tmr);
  118. } 
  119.  
  120. // -->
  121. </SCRIPT>
  122. <!-- END OF SCRIPT -->
  123. <!/SCRIPT>
  124.  
  125. <!PREVIEW>
  126. <!-- START OF SCRIPT -->
  127.  
  128. <STYLE TYPE="text/css">
  129. <!--
  130.  
  131. BODY{
  132. overflow:scroll;
  133. overflow-x:hidden;
  134. }
  135.  
  136. .s1
  137. {
  138.   position  : absolute;
  139.   font-size : 10pt;
  140.   color     : blue;
  141.   visibility: hidden;
  142. }
  143.  
  144. .s2
  145. {
  146.   position  : absolute;
  147.   font-size : 18pt;
  148.   color     : red;
  149.     visibility : hidden;
  150. }
  151.  
  152. .s3
  153. {
  154.   position  : absolute;
  155.   font-size : 14pt;
  156.   color     : gold;
  157.     visibility : hidden;
  158. }
  159.  
  160. .s4
  161. {
  162.   position  : absolute;
  163.   font-size : 12pt;
  164.   color     : lime;
  165.     visibility : hidden;
  166. }
  167.  
  168. //-->
  169. </STYLE>
  170. <DIV ID="div1" CLASS="s1">*</DIV>
  171. <DIV ID="div2" CLASS="s2">*</DIV>
  172. <DIV ID="div3" CLASS="s3">*</DIV>
  173. <DIV ID="div4" CLASS="s4">*</DIV>
  174.  
  175. <SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
  176.  
  177. var nav = (document.layers);
  178. var tmr = null;
  179. var spd = 50;
  180. var x = 0;
  181. var x_offset = 5;
  182. var y = 0;
  183. var y_offset = 15;
  184.  
  185. if(nav) document.captureEvents(Event.MOUSEMOVE);
  186. document.onmousemove = get_mouse; 
  187.  
  188. function get_mouse(e)
  189. {    
  190.   x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
  191.   y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
  192.   x += x_offset;
  193.   y += y_offset;
  194.   beam(1);     
  195. }
  196.  
  197. function beam(n)
  198. {
  199.   if(n<5)
  200.   {
  201.     if(nav)
  202.     { 
  203.       eval("document.div"+n+".top="+y);
  204.       eval("document.div"+n+".left="+x);
  205.       eval("document.div"+n+".visibility='visible'");
  206.     }  
  207.     else
  208.     {
  209.       eval("div"+n+".style.top="+y);
  210.       eval("div"+n+".style.left="+x);
  211.       eval("div"+n+".style.visibility='visible'");
  212.     }
  213.     n++;
  214.     tmr=setTimeout("beam("+n+")",spd);
  215.   }
  216.   else
  217.   {
  218.      clearTimeout(tmr);
  219.      fade(4);
  220.   }   
  221. } 
  222.  
  223. function fade(n)
  224. {
  225.   if(n>0) 
  226.   {
  227.     if(nav)eval("document.div"+n+".visibility='hidden'");
  228.     else eval("div"+n+".style.visibility='hidden'"); 
  229.     n--;
  230.     tmr=setTimeout("fade("+n+")",spd);
  231.   }
  232.   else clearTimeout(tmr);
  233. } 
  234.  
  235. // -->
  236. </SCRIPT>
  237. <!-- END OF SCRIPT -->
  238. <!/PREVIEW>
  239.  
  240. <!RELATED>NONE<!/RELATED>